<include file="public@head_mobile" />
    <style>
        .main{
            width: 100vw;
            height: auto;
            overflow: hidden;
            background-color: #F5F5F5;
        }
        .banner_box .swiper-horizontal > .swiper-pagination-bullets,
        .swiper-pagination-bullets.swiper-pagination-horizontal,
        .swiper-pagination-custom,
        .swiper-pagination-fraction {
            bottom: -5px;
        }
        .banner_box {
            width: 100%;
            overflow: hidden;
        }
        .banner_box .swiper-pagination-bullet.swiper-pagination-bullet-active{
            background-color: #fff;
            border-color: #fff;
            width: 16px;
            height: 6px;
            opacity: 1;
        }
        .banner_box .swiper-pagination-bullet {
            margin: 0 3px !important;
            width: 6px;
            height: 6px;
            opacity: 0.5;
            border: none;
            background-color: #fff;
            border-radius: 4px;
        }
        .banner_box .swiper-pagination-bullet::before{
            background: none;
        }
        .banner_box .banner_img {
            width: 100%;
        }

        form.example {
            width: 80%;
            margin: 0 auto;
            margin-top: -5rem;
            background: #fff;
            border-radius: 50px;
            z-index: 9;
        }
        form.example input[type="text"] {
            padding: 4px 10px;
            font-size: 16px;
            float: left;
            width: 80%;
            border: 0px;
            background: #fff;
            border-top-left-radius: 30px;
            border-bottom-left-radius: 30px;
        }
        form.example button {
            float: left;
            width: 20%;
            padding: 2px 10px;
            background: linear-gradient(to right, #0351e6, #33cdc7);
            color: white;
            font-size: 16px;
            border-radius: 30px;
            border: 0px;
            border-left: none;
            cursor: pointer;
            position: relative;
            top: 3px;
            left: 12px;
        }
        .banner-bg {
            padding-bottom: 0;
        }

        .cont_title {
            width: 100%;
            border-left:2px solid #00989B;
            display: flex;
            align-items: center;
            margin: 20px auto;
        }
        .cont_title h2 {
            font-size: 18px;
            line-height: 22px;
            padding: 0 10px;
            color: #070707;
            margin: 0;
        }

        .teacher {
            margin-bottom: 30px;
            background-color: #f5f5f5;
        }
        .team-area{
            padding:0;
        }


        .teacher .align-items-center {
            background-color: #fff;
            padding: 20px;
            border-radius: 10px;
            width: 100%;
            margin:0;
        }

        .teacher .row_box{
            width: 100%;
            display: flex;
            margin:0;
            padding:0;
        }
        .teacher .left_box{
            width: 50%;
        }
        .teacher .left_box img {
            width: 100%;
        }
        .teacher .right_box{
            width: 40%;
            margin-left: 20px;
        }
        .teacher .right_box img {
            width: 60%;
            background-color: #fff;
            padding: 5px;
            border-radius: 5px;
            margin-left: 20%;
        }
        .teacher .right_box a {
            font-size: 12px;
            display: block;
            width: 100%;
            text-align: center;
            color: #333333;
            line-height: 30px;
        }

        .teacher .center_box ul {
            margin-top: 30px;
        }
        .teacher .center_box ul li {
            font-size: 12px;
            line-height: 20px;
            margin-bottom: 10px;
            color: #333333;
            display: flex;
        }
        .teacher .center_box ul li .left_text {
            width: 100%;
            text-align: left;
        }
        .teacher .center_box ul .list_right {
            text-align: right;
            margin-left: 26%;
        }
        .teacher .center_box ul li a {
            font-size: 15px;
            line-height: 20px;
            color: #333333;
        }
        .teacher .center_box ul li span {
            margin-left: 5px;
        }
        .teacher .center_box ul li img {
            width: 20px;
            height: 20px;
            margin-right: 10px;
        }

        .teacher .btn{
            font-size: 16px;
            line-height: 40px;
            height: 40px;
            width: 100%;
            padding:0 25px;
            border-radius: 8px;
            margin-top: 20px;
            color: #333333;
            background: linear-gradient(to right, #FDFE94, #0ACEC3);
        }

        .standard{
            padding:0px 20px;
        }

        .standard .center_box{
            width: 700px;
            display: flex;
            transform: translateX(-50%);
            margin-left: 50%;
            justify-content: space-between;
        }
        .standard .center_box .list_box{
            width: 30%;
            background-color: #fff;
            border-radius: 10px;
            overflow: hidden;
        }
        .standard .center_box .list_box .list_title{
            width: 100%;
            height: 40px;
            line-height: 40px;
            font-size: 18px;
            font-weight: 600;
            text-align: center;
            color: #5F1404;
            background: linear-gradient(to bottom, #FFB0C0, #FEDDB7);
        }
        .standard .center_box .list_box .list_title2{
            color: #081558;
            background: linear-gradient(to bottom, #91C1F8, #F2DDF9);
        }
        .standard .center_box .list_box .list_title3{
            color: #394D04;
            background: linear-gradient(to bottom, #B4F3D1, #FDF9C1);
        }
        .standard .center_box .list_box .list_cont{
            width: 100%;
            height: 60px;
            line-height: 25px;
            font-size: 18px;
            font-weight: 600;
            text-align: center;
            color: #333333;
            display: flex;
            justify-content: center; /* 水平居中 */
            align-items: center; /* 垂直居中 */
            margin: auto;
            padding: 0 10px;
        }
        .standard .btn_box{
            display: flex;
            width: 100%;
            transform: translateX(-50%);
            margin-left: 50%;
            justify-content: space-between;
            margin-top: 0px;
        }
        .standard .btn_box .btn{
            width: 45%;
            font-size: 16px;
            line-height: 40px;
            height: 40px;
            padding:0 25px;
            border-radius: 8px;
            margin-top: 20px;
            color: #4FDBB5;
            border: 1px solid #4FDBB5;
            background: none;
        }

        .trip{
            width: calc( 100% - 30px );
            max-width: 100%;
            margin-top: 20px;
            padding:20px;
            background-color: rgba(241,28,39,0.03);
            border-radius: 8px;
            margin-bottom: 60px;
            border:1px solid #F11C27;
        }

        .trip .trip_left{
            width: 100%;
            margin-right: 40px;
            flex-shrink: 0;
            display: flex;
            justify-content: flex-start;
        }
        .trip .trip_left img{
            width:20px;
            height: 20px;
            margin-right: 5px;
            margin-bottom: 8px;
        }
        .trip .trip_left span{
            display: block;
            font-size: 16px;
            color: #333333;
            text-align: center;
            line-height: 20px;
        }

        .trip p{
            font-size: 16px;
            color: #F82B36;
            line-height: 26px;
            margin-bottom:0;
        }

        .fixe_box {
        }
        .fixe_box .fixe_cont{
            width: 100%;
            height: 100%;
            background-color: #fff;
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
        }



        .fixe_box .list_box {
            width: 100%;
            display: flex;
            border-bottom: 1px solid #E6E6E6;
            text-align: right;
            justify-content: flex-end;
            padding-right: 15px;
        }

        .fixe_box .list_box img {
            width: 20px;
            margin: 10px;
        }

        .fixe_box .list_box span {
            font-size: 14px;
            color: #333333;
            line-height: 30px;
            margin-left: 10px;
            text-align: right;
        }
        .fixe_box .last_box {
            margin-bottom: 0;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            border-bottom: 1px solid #e6e6e6;
            text-align: right;
        }
        .fixe_box .info {
            width: 100%;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
            text-align: right;
            padding-right: 15px;
        }
        .fixe_box .info p {
            font-size: 14px;
            color: #333333;
            line-height: 30px;
            text-align: right;
        }


        .footer_box{
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100vw;
            height: 50px;
            display: flex;
            justify-content: space-between;
            z-index: 99;
            background-color: #fff;
            box-shadow: 0px -5px 5px rgba(0,0,0,0.1);
        }
        .footer_box .foot_item{
            width: 33%;
            margin-top: 5px;
        }
        .footer_box .foot_item img{
            width: 20px;
            display: block;
            margin:0 auto;
        }
        .footer_box .foot_item h3{
            font-size: 14px;
            margin:0;
            padding:0;
            line-height: 22px;
            color: #555555;
            text-align: center;
            font-weight: 500;
        }
        .footer_box .active h3{
            color: #00989B;
        }
    </style>
</head>
<body>
<!--loading-->
<div id="preloader">
    <div id="loader" class="loader">
        <div class="loader-container">
            <div class="loader-icon">
                <img src="__TMPL__/public/static/picture/preloader.png" alt="Preloader" />
            </div>
        </div>
    </div>
</div>
<!--loading -->
<include file="public@nav_mobile" />
<!-- 头部 -->

<!-- main-area -->
<main class="main">
    <!-- banner -->
    <!-- banner -->
    <section class="banner-area banner-bg">
        <div class="banner_box">
            <div class="swiper-wrapper">
                <foreach name="slide_list" item="vo">
                    <div class="swiper-slide"><img class="banner_img" src="{:cmf_get_image_url($vo.image)}" alt="" /></div>
                </foreach>

            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        <div class="container" style="display: none">
            <div class="row align-items-center">
                <form class="example" action="/action_page.php">
                    <input type="text" placeholder="请输入搜索内容" name="search" />
                    <button type="submit"><i class="fa fa-search"></i></button>
                </form>
            </div>
        </div>
    </section>
    <!-- banner -->

    <!-- 平台详细信息 -->
    <section class="team-area">
        <div class="container teacher">
            <div class="cont_title">
                <h2>平台详细信息</h2>
            </div>
            <div class="align-items-center">
                <div class="row_cont">
                    <div class="row_box">
                        <div class="left_box">
                            <img src="{:cmf_get_image_url($article.thumbnail)}" alt="" />
                        </div>
                        <div class="right_box">
                            <img src="{:cmf_get_image_url($more)}" alt="" /><a
                                href="#"
                        >加入高质量策略群</a>
                        </div>
                    </div>

                    <div class="col-lg-6 col-sm-6 center_box">
                        {$article.post_content|default=''}

                        <ul class="list-wrap" style="display: none">
                            <li>
                                <div class="left_text">
                                    <a href="">嘉盛:</a> <span>FOVEX</span>
                                </div>
                            </li><li>
                            <a href="">成立年份:</a> <span>FOVEX</span>
                        </li>
                            <li>
                                <div class="left_text">
                                    <a href="">监管信息:</a> <span>XXX</span>
                                </div>
                            </li>
                            <li>
                                <a href="">出入金方式:</a> <span>银联（时效：XXX）</span>
                            </li>
                            <li class="list_right"><span>USDT:否</span></li>
                            <li>
                                <div class="left_text">
                                    <a href="">EA友好度:</a> <span>优</span>
                                </div>
                            </li>
                            <li>
                                <a href="">返佣方式:</a>
                                <span
                                ><img src="__TMPL__/public/static/image/about_icon1.png" /><img
                                        src="__TMPL__/public/static/image/about_icon2.png" /><img
                                        src="__TMPL__/public/static/image/about_icon3.png"
                                /></span>
                            </li>
                        </ul>
                    </div>

                    <button class="btn" onclick="jump('{$article.brand_info}')">{:lang('Open an account immediately')}</button>
                </div>
            </div>
        </div>
    </section>
    <!-- 平台详细信息 -->

    <!-- 返佣标准 -->
    <section class="team-area">
        <div class="container standard">
            <div class="cont_title">
                <h2>返佣标准</h2>
            </div>
            <div class="row align-items-center" style="display: block;">
                <div class="center_box">
                    <div class="list_box">
                        <div class="list_title">{:lang('gold')}</div>
                        <div class="list_cont">{$article.brand_gold|default=''}</div>
                    </div>
                    <div class="list_box">
                        <div class="list_title list_title2">{:lang('foreign exchange')}</div>
                        <div class="list_cont">{$article.brand_out|default=''}</div>
                    </div>
                    <div class="list_box">
                        <div class="list_title list_title3">{:lang('other')}</div>
                        <div class="list_cont">{$article.brand_other|default=''}</div>
                    </div>
                </div>

                <div class="btn_box">
                    <button class="btn" onclick="jump('/portal/article/index.html?id=22')">{:lang('Opening')}</button>
                    <button class="btn" onclick="jump('/portal/article/index.html?id=23')">{:lang('Transfer')}</button>
                </div>
            </div>
        </div>
    </section>
    <!-- 返佣标准 -->

    <!-- 提示 -->
    <section class="team-area">
        <div class="container trip">
            <div class="trip_left">
                <img src="__TMPL__/public/static/image/about_tishi.png" />
                <span>风险提示</span>
            </div>
            <p>{$site_info.site_fengxian|default=''}</p>        </div>
    </section>
    <!-- 提示 -->

</main>
<!-- main-area-end -->

<!-- 底部导航 -->
<div class="footer_box">
    <div class="foot_item">
        <a href="/">
        <img src="__TMPL__/public/static/image/foot_icon1.png" />
        <!-- <img src="__TMPL__/public/static/image/foot_icon1_active.png" /> -->
        <h3>{:lang('HOME')}</h3>
        </a>
    </div>
    <div class="foot_item active">
        <a href="portal/agency/agency.html">
        <img src="__TMPL__/public/static/image/foot_icon2_active.png" />
        <!-- <img src="__TMPL__/public/static/image/foot_icon2_active.png" /> -->
        <h3>{:lang('Agency Center')}</h3>
        </a>
    </div>
    <div class="foot_item ">
        <a href="{$site_info.site_center|default=''}">
        <!-- <img src="__TMPL__/public/static/image/foot_icon3.png" /> -->
        <img src="__TMPL__/public/static/image/foot_icon3.png" />
        <h3>{:lang('CONTACT US')}</h3>
        </a>
    </div>
</div>
<!-- 底部导航 -->

<!-- JS here -->
<script src="__TMPL__/public/static/js/jquery-3.6.0.min.js"></script>
<script src="__TMPL__/public/static/js/bootstrap.min.js"></script>
<script src="__TMPL__/public/static/js/isotope.pkgd.min.js"></script>
<script src="__TMPL__/public/static/js/imagesloaded.pkgd.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.magnific-popup.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.odometer.min.js"></script>
<script src="__TMPL__/public/static/js/swiper-bundle.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.appear.js"></script>
<script src="__TMPL__/public/static/js/slick.min.js"></script>
<script src="__TMPL__/public/static/js/ajax-form.js"></script>
<script src="__TMPL__/public/static/js/parallax.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.parallaxScroll.min.js"></script>
<script src="__TMPL__/public/static/js/tween-max.js"></script>
<script src="__TMPL__/public/static/js/wow.min.js"></script>
<script src="__TMPL__/public/static/js/main.js"></script>
<script>
    function jump(url) {
        window.location.href=url
    }
    //轮播图
    var mySwiper = new Swiper(".banner_box", {
        direction: "horizontal", // 垂直切换选项
        loop: true, // 循环模式选项

        // 如果需要分页器
        pagination: {
            el: ".swiper-pagination",
        },
    });
</script>
</body>
</html>
